#chrome_inline_search_ext {
  background: white;
  
  margin: 0px;
  padding: 20px 5px 15px 10px;  /* Sync with PADDING_* in search.js. */
  
  border: 2px #AAAAAA solid;
  border-radius: 20px;
  
  opacity: 0;
  
  -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 18px;
  -webkit-transition: opacity 0.35s linear;
  
  overflow-x: scroll; overflow-y: scroll; resize: both;
}

#chrome_inline_search_ext_handle {
  width: 15px;
  height: 15px;
  cursor: se-resize;
  opacity: 0;
  -webkit-transition: opacity 0.35s linear;
}

#chrome_inline_search_ext_form {
  background: white !important;
  
  padding: 10px;
  
  border-radius: 14px;
  
  font-family: Arial, Tahoma, sans-serif;
  font-size: 14px;
  
  opacity: 0;
  
  -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 18px;
  -webkit-transition: opacity 0.35s linear;
}

#chrome_inline_search_ext_form * {
  font-family: Arial, Tahoma, sans-serif;
  font-size: 1.15em;
}

#chrome_inline_search_ext_form input[type=text] {
  margin-left: 7px;
  border: 1px #AAAAAA solid;
  padding: 3px 2px 2px 2px;
  display: inline;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#CCCCCC)) !important;
}

#chrome_inline_search_ext_form input[type=button] {
  float: right;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(gray)) !important;
  color: white !important;
  border: none;
  border-radius: 2px 15px 15px 2px;
  text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 1px;
  font-weight: bold;
  padding: 2px 3px 3px 2px;
  display: inline;
  cursor: pointer;
}

#chrome_inline_search_ext_form input[type=button]:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(gray), to(#BBBBBB)) !important;
  padding: 3px 2px 2px 3px;
}
